<template>
<div>
	<van-tabbar v-model="activeIndex" class="footer_container">
	    <van-tabbar-item icon="home-o" to="/">{{$t('m.tab.TAB1')}}</van-tabbar-item>
	    <van-tabbar-item icon="search" to="/chartList" :dot='chartFlag'>{{$t('m.tab.TAB2')}}</van-tabbar-item>
	    <van-tabbar-item icon="friends-o" to="/friendCircle">{{$t('m.tab.TAB3')}}</van-tabbar-item>
	    <van-tabbar-item icon="setting-o" to="/mine">{{$t('m.tab.TAB4')}}</van-tabbar-item>
	</van-tabbar>
</div>
</template>

<script>
  import { Tabbar,TabbarItem } from 'vant';
  export default {
    name: 'Footer',
    props: {
      active: 0,
      chartFlag: false
    },
    data() {
		return {
			activeIndex: this.active  
		};
  	},
    components: {
      [Tabbar.name]: Tabbar,
      [TabbarItem.name]: TabbarItem
    },
    methods: {
    
    }
  }
</script>

<style scoped>
  /* .van-tabbar{
    height: 7vh;
  } */
</style>